
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    <script type="text/javascript" src="../js/jquery.min.js"></script>

    <script type="text/javascript" src="../js/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../js/bootstrap/js/bootstrap-treeview.min.js"></script>
    <script type="text/javascript" src="../js/bootstrap/js/bootstrap.addtabs.min.js"></script>
    <script type="text/javascript" src="../js/bootstrap/js/bootstrap-table.min.js"></script>
    <script type="text/javascript" src="../js/bootstrap/js/bootstrap-table-zh-CN.min.js"></script>
    <script type="text/javascript" src="../js/bootstrap/js/bootbox.js"></script>
    <script type="text/javascript" src="../js/bootstrap/js/fileinput.js"></script>
    <script type="text/javascript" src="../js/bootstrap/js/zh.js"></script>
    <link rel="stylesheet" href="../js/bootstrap/css/fileinput.css" />
    <link rel="stylesheet" href="../js/bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" href="../js/bootstrap/css/bootstrap-treeview.min.css" />
    <link rel="stylesheet" href="../js/bootstrap/css/bootstrap.addtabs.css" />
    <link rel="stylesheet" href="../js/bootstrap/css/bootstrap-table.min.css" />
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        li {
            list-style: none;
        }
        a  {
            text-decoration: none;

        }

        .header ul{
            width: 160px;
            height: 50px;
            /* background-color: black; */
            /**设置成为弹性容器**/
            display: flex;
            margin-top: 20px;
            margin-left: 30px;
        }
        .header ul p{
            font-size: 22px;
        }
        .font-color{
            background-color: rgb(242,247,251);
        }
        .head-font{
            background-color: #0066ff;
            width: 7px;
            height: 25px;
            border-radius: 10px;
            margin-top: 5px;
        }
        /*********条查**********/
        .search-one{

            font-size: 18px;
            width: 100%;
             /*background-color: aqua;*/

        }
        .search-one label{
            font-weight:normal;

        }
        .form-group{
            margin-left: 15px;
        }
        /*************底部盒子的排序***************/
        .nav-bottom{
            width: 80%;

             background-color: transparent;
            margin: 20px auto;
            float:left;
            display: flex;
        }
        .nav-bottom ul{
            width: 200px;
            height: 250px;
            background-color: whitesmoke;
            margin-left: 15px;
            border-radius: 8px;
        }
        .nav-bottom .img-one{
            margin-left: 55px;
            margin-top: 10px;
        }
        .nav-bottom font{
            font-size: 16px;
            color: silver;
        }
        .nav-button{
            float: right;
            margin-right: 10px;
        }
        .nav-bottom a{
            text-decoration: none;
        }
        .circle-title{
            width: 65px;
            background-color: transparent;
            height: 25px;
            border-radius: 30px;
            margin: 15px auto;
        }
        .ul-first{
            width: 170px;
            height: 30px;
            /* background-color: black; */
            margin: 25px auto;

        }
        .circle-one{
            width: 50px;
            /* background-color: #6c76f4; */
            /* background-color: #fa746b; */
            /* background-color: #fddb78; */
            background-color: rgba(255, 0, 0, 0.3);
            height: 25px;
            border-radius: 30px;
            padding-top: 3px;

            float: left;
        }

        .circle-one font{
            color: #fa746b;
            font-size:14px;


        }
        .circle-two{
            width: 50px;
            /* background-color: #6c76f4; */
            /* background-color: #fa746b; */
            /* background-color: #fddb78; */
            background-color: rgba(0, 0, 255, 0.3);
            height: 25px;
            border-radius: 30px;
            padding-top: 3px;
            margin-left: 5px;
            float: left;
        }
        .circle-two font{
            color: #6c76f4;
            font-size:14px;

        }
        .circle-three{
            width: 50px;
            /* background-color: #6c76f4; */
            /* background-color: #fa746b; */
            /* background-color: #fddb78; */
            background-color: rgba(0, 150, 0, 0.3);
            height: 25px;
            border-radius: 30px;
            padding-top: 3px;
            margin-left: 5px;
            float: left;
        }
        .circle-three font{
            color: #fddb78;
            font-size:14px;

        }
        #ti{display:block;}

        #ok{display:none;
            width: 100%;
        }

        /* 开关按钮 */
        .btn-on{
            width: 60px;
            height: 25px;
            margin: 0 3px;
            border-radius: 25px;
            font-size: 14px;
        }
        .btn-on{
            cursor: pointer;
            position: relative;
            border: 1px solid white;
            background-color: #12B090;
        }
        .btn-on-circle{
            position: absolute;
            width: 15px;
            height: 15px;
            top: 5px;
            left: 5px;
            background-color: rgb(255, 255, 255);
            border-radius: 50%;
            box-shadow: 0 0 10px white;
            transition: all .5s;
        }
        .btn-on-text{
            position: absolute;
            right: 10px;
            line-height: 25px;
            color: white;
            transition: all .5s;
        }

    </style>
</head>

<body id="mytable">
  <div id="all-core">
  <div class="header">
    <ul>
      <li><div class="head-font"></div></li>
      <li><p>&nbsp; &nbsp; 居民管理</p></li>
    </ul>
  </div>

    <!-- 条查 -->

    <form class="form-inline">
        <div class="search-one">
          <div class="form-group">
              <label >签约状态 &nbsp;</label>
              <select  name="xueli" class="form-control" data-live-search="true" style="width:170px">
                <option value="-1">请选择</option>
                <option value="高中">高中</option>
                <option value="大专">大专</option>
                <option value="本科">本科</option>
                <option value="研究生">研究生</option>
              </select>
          </div>
          <div class="form-group">
              <label >签约机构  &nbsp;</label>
              <select  name="xueli" class="form-control" data-live-search="true" style="width:170px">
                <option value="-1">请选择</option>
                <option value="高中">高中</option>
                <option value="大专">大专</option>
                <option value="本科">本科</option>
                <option value="研究生">研究生</option>
              </select>
          </div>
          <div class="form-group">
            <label >医生团队 &nbsp;</label>

            <select  name="xueli" class="form-control" data-live-search="true" style="width:170px">
                <option value="-1">请选择</option>
                <option value="高中">高中</option>
                <option value="大专">大专</option>
                <option value="本科">本科</option>
                <option value="研究生">研究生</option>
              </select>

        </div>
        <div class="nav-button">
          <button type="button"  onclick="userSearch()" class="btn btn-default" style="height: 40px;width: 120px; background-color: #0066ff;color: aliceblue;margin-left:-20px">新增居民档案</button>

          <button type="button"  onclick="userSearch()" class="btn btn-default" style="height: 40px; color: #0066ff; border: 1px solid #0066ff; margin-left: 5px;">搜索</button>
        </div>
        </div>
          <br>
          <div class="search-one">
            <div class="form-group">
                <label >服务包 &nbsp; &nbsp;  &nbsp;</label>
                <select  name="xueli" class="form-control" data-live-search="true" style="width:170px">
                  <option value="-1">请选择</option>
                  <option value="高中">高中</option>
                  <option value="大专">大专</option>
                  <option value="本科">本科</option>
                  <option value="研究生">研究生</option>
                </select>
            </div>
            <div class="form-group">
                <label >选择日期  &nbsp;</label>
                <input type="date" style="width:170px" class="form-control">

            </div>
            <div class="form-group">

                <input type="text" style="width:260px" class="form-control" placeholder="请输入">

            </div>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                  <a href="#" onclick="dian()"><img src="../img/u1.png"></a>
              &nbsp;&nbsp;
                  <a href="#" onclick="fan()"><img src="../img/u2.png"></a>

          </div>
      </form>


      <br>
      <div id="ti" >
      <!--底部的盒子-->
          <div class="nav-bottom">
              <a href="../ju">
                  <ul>
                      <img src="../img/圆_消息.png" width="80px" height="80px" class="img-one">
                      <br>
                      <br>
                      <li>
                          <h4 align="center">马佳欣 <font> 26岁 &nbsp;</font><img src="../img/搜索.png"></h4>

                      </li>
                      <li class="circle-title">
                          <p align="center" style="padding-top: 3px;">签约中</p>
                      </li>
                      <li>
                          <div class="ul-first">
                              <div class="circle-one"><font> &nbsp;高血病</font></div>
                              <div class="circle-two"><font> &nbsp;冠心病</font></div>
                              <div class="circle-three"><font> &nbsp;高血糖</font></div>
                          </div>
                      </li>
                  </ul>
              </a>
              <a href="../ju">
                  <ul>
                      <img src="../img/圆_消息.png" width="80px" height="80px" class="img-one">
                      <br>
                      <br>
                      <li>
                          <h4 align="center">马佳欣 <font> 26岁 &nbsp;</font><img src="../img/搜索.png"></h4>

                      </li>
                      <li class="circle-title">
                          <p align="center" style="padding-top: 3px;">签约中</p>
                      </li>
                      <li>
                          <div class="ul-first">
                              <div class="circle-one"><font> &nbsp;高血病</font></div>
                              <div class="circle-two"><font> &nbsp;冠心病</font></div>
                              <div class="circle-three"><font> &nbsp;高血糖</font></div>
                          </div>
                      </li>
                  </ul>
              </a>
              <a href="../ju">
                  <ul>
                      <img src="../img/圆_消息.png" width="80px" height="80px" class="img-one">
                      <br>
                      <br>
                      <li>
                          <h4 align="center">马佳欣 <font> 26岁 &nbsp;</font><img src="../img/搜索.png"></h4>

                      </li>
                      <li class="circle-title">
                          <p align="center" style="padding-top: 3px;">签约中</p>
                      </li>
                      <li>
                          <div class="ul-first">
                              <div class="circle-one"><font> &nbsp;高血病</font></div>
                              <div class="circle-two"><font> &nbsp;冠心病</font></div>
                              <div class="circle-three"><font> &nbsp;高血糖</font></div>
                          </div>
                      </li>
                  </ul>
              </a>
              <a href="../ju">
                  <ul>
                      <img src="../img/圆_消息.png" width="80px" height="80px" class="img-one">
                      <br>
                      <br>
                      <li>
                          <h4 align="center">马佳欣 <font> 26岁 &nbsp;</font><img src="../img/搜索.png"></h4>

                      </li>
                      <li class="circle-title">
                          <p align="center" style="padding-top: 3px;">签约中</p>
                      </li>
                      <li>
                          <div class="ul-first">
                              <div class="circle-one"><font> &nbsp;高血病</font></div>
                              <div class="circle-two"><font> &nbsp;冠心病</font></div>
                              <div class="circle-three"><font> &nbsp;高血糖</font></div>
                          </div>
                      </li>
                  </ul>
              </a>
              <a href="../ju">
                  <ul>
                      <img src="../img/圆_消息.png" width="80px" height="80px" class="img-one">
                      <br>
                      <br>
                      <li>
                          <h4 align="center">马佳欣 <font> 26岁 &nbsp;</font><img src="../img/搜索.png"></h4>

                      </li>
                      <li class="circle-title">
                          <p align="center" style="padding-top: 3px;">签约中</p>
                      </li>
                      <li>
                          <div class="ul-first">
                              <div class="circle-one"><font> &nbsp;高血病</font></div>
                              <div class="circle-two"><font> &nbsp;冠心病</font></div>
                              <div class="circle-three"><font> &nbsp;高血糖</font></div>
                          </div>
                      </li>
                  </ul>
              </a>
          </div>
          <div class="nav-bottom">
              <a href="../ju">
                  <ul>
                      <img src="../img/圆_消息.png" width="80px" height="80px" class="img-one">
                      <br>
                      <br>
                      <li>
                          <h4 align="center">马佳欣 <font> 26岁 &nbsp;</font><img src="../img/搜索.png"></h4>

                      </li>
                      <li class="circle-title">
                          <p align="center" style="padding-top: 3px;">签约中</p>
                      </li>
                      <li>
                          <div class="ul-first">
                              <div class="circle-one"><font> &nbsp;高血病</font></div>
                              <div class="circle-two"><font> &nbsp;冠心病</font></div>
                              <div class="circle-three"><font> &nbsp;高血糖</font></div>
                          </div>
                      </li>
                  </ul>
              </a>
              <a href="../ju">
                  <ul>
                      <img src="../img/圆_消息.png" width="80px" height="80px" class="img-one">
                      <br>
                      <br>
                      <li>
                          <h4 align="center">马佳欣 <font> 26岁 &nbsp;</font><img src="../img/搜索.png"></h4>

                      </li>
                      <li class="circle-title">
                          <p align="center" style="padding-top: 3px;">签约中</p>
                      </li>
                      <li>
                          <div class="ul-first">
                              <div class="circle-one"><font> &nbsp;高血病</font></div>
                              <div class="circle-two"><font> &nbsp;冠心病</font></div>
                              <div class="circle-three"><font> &nbsp;高血糖</font></div>
                          </div>
                      </li>
                  </ul>
              </a>
              <a href="../ju">
                  <ul>
                      <img src="../img/圆_消息.png" width="80px" height="80px" class="img-one">
                      <br>
                      <br>
                      <li>
                          <h4 align="center">马佳欣 <font> 26岁 &nbsp;</font><img src="../img/搜索.png"></h4>

                      </li>
                      <li class="circle-title">
                          <p align="center" style="padding-top: 3px;">签约中</p>
                      </li>
                      <li>
                          <div class="ul-first">
                              <div class="circle-one"><font> &nbsp;高血病</font></div>
                              <div class="circle-two"><font> &nbsp;冠心病</font></div>
                              <div class="circle-three"><font> &nbsp;高血糖</font></div>
                          </div>
                      </li>
                  </ul>
              </a>
              <a href="../ju">
                  <ul>
                      <img src="../img/圆_消息.png" width="80px" height="80px" class="img-one">
                      <br>
                      <br>
                      <li>
                          <h4 align="center">马佳欣 <font> 26岁 &nbsp;</font><img src="../img/搜索.png"></h4>

                      </li>
                      <li class="circle-title">
                          <p align="center" style="padding-top: 3px;">签约中</p>
                      </li>
                      <li>
                          <div class="ul-first">
                              <div class="circle-one"><font> &nbsp;高血病</font></div>
                              <div class="circle-two"><font> &nbsp;冠心病</font></div>
                              <div class="circle-three"><font> &nbsp;高血糖</font></div>
                          </div>
                      </li>
                  </ul>
              </a>
              <a href="../ju">
                  <ul>
                      <img src="../img/圆_消息.png" width="80px" height="80px" class="img-one">
                      <br>
                      <br>
                      <li>
                          <h4 align="center">马佳欣 <font> 26岁 &nbsp;</font><img src="../img/搜索.png"></h4>

                      </li>
                      <li class="circle-title">
                          <p align="center" style="padding-top: 3px;">签约中</p>
                      </li>
                      <li>
                          <div class="ul-first">
                              <div class="circle-one"><font> &nbsp;高血病</font></div>
                              <div class="circle-two"><font> &nbsp;冠心病</font></div>
                              <div class="circle-three"><font> &nbsp;高血糖</font></div>
                          </div>
                      </li>
                  </ul>
              </a>
          </div>
    <div class="nav-bottom">
        <a href="../ju">
        <ul>
            <img src="../img/圆_消息.png" width="80px" height="80px" class="img-one">
            <br>
            <br>
            <li>
                <h4 align="center">马佳欣 <font> 26岁 &nbsp;</font><img src="../img/搜索.png"></h4>

            </li>
            <li class="circle-title">
                <p align="center" style="padding-top: 3px;">签约中</p>
            </li>
            <li>
                <div class="ul-first">
                    <div class="circle-one"><font> &nbsp;高血病</font></div>
                    <div class="circle-two"><font> &nbsp;冠心病</font></div>
                    <div class="circle-three"><font> &nbsp;高血糖</font></div>
                </div>
            </li>
        </ul>
        </a>
        <a href="../ju">
        <ul>
            <img src="../img/圆_消息.png" width="80px" height="80px" class="img-one">
            <br>
            <br>
            <li>
                <h4 align="center">马佳欣 <font> 26岁 &nbsp;</font><img src="../img/搜索.png"></h4>

            </li>
            <li class="circle-title">
                <p align="center" style="padding-top: 3px;">签约中</p>
            </li>
            <li>
                <div class="ul-first">
                    <div class="circle-one"><font> &nbsp;高血病</font></div>
                    <div class="circle-two"><font> &nbsp;冠心病</font></div>
                    <div class="circle-three"><font> &nbsp;高血糖</font></div>
                </div>
            </li>
        </ul>
        </a>
        <a href="../ju">
        <ul>
            <img src="../img/圆_消息.png" width="80px" height="80px" class="img-one">
            <br>
            <br>
            <li>
                <h4 align="center">马佳欣 <font> 26岁 &nbsp;</font><img src="../img/搜索.png"></h4>

            </li>
            <li class="circle-title">
                <p align="center" style="padding-top: 3px;">签约中</p>
            </li>
            <li>
                <div class="ul-first">
                    <div class="circle-one"><font> &nbsp;高血病</font></div>
                    <div class="circle-two"><font> &nbsp;冠心病</font></div>
                    <div class="circle-three"><font> &nbsp;高血糖</font></div>
                </div>
            </li>
        </ul>
        </a>
        <a href="../ju">
        <ul>
            <img src="../img/圆_消息.png" width="80px" height="80px" class="img-one">
            <br>
            <br>
            <li>
                <h4 align="center">马佳欣 <font> 26岁 &nbsp;</font><img src="../img/搜索.png"></h4>

            </li>
            <li class="circle-title">
                <p align="center" style="padding-top: 3px;">签约中</p>
            </li>
            <li>
                <div class="ul-first">
                    <div class="circle-one"><font> &nbsp;高血病</font></div>
                    <div class="circle-two"><font> &nbsp;冠心病</font></div>
                    <div class="circle-three"><font> &nbsp;高血糖</font></div>
                </div>
            </li>
        </ul>
        </a>
        <a href="../ju">
        <ul>
            <img src="../img/圆_消息.png" width="80px" height="80px" class="img-one">
            <br>
            <br>
            <li>
                <h4 align="center">马佳欣 <font> 26岁 &nbsp;</font><img src="../img/搜索.png"></h4>

            </li>
            <li class="circle-title">
                <p align="center" style="padding-top: 3px;">签约中</p>
            </li>
            <li>
                <div class="ul-first">
                    <div class="circle-one"><font> &nbsp;高血病</font></div>
                    <div class="circle-two"><font> &nbsp;冠心病</font></div>
                    <div class="circle-three"><font> &nbsp;高血糖</font></div>
                </div>
            </li>
        </ul>
        </a>
  </div>
</div>
  </div>

<!--替换成第二个表格-->
  <div id="ok">
      <table class="table table-striped table-hover" style="border: none;">
          <tr align="center">
              <td><input type="checkbox"></td>
              <td scope="col">编号</td>
              <td scope="col">姓名</td>
              <td scope="col">身份证号</td>
              <td scope="col">手机号</td>
              <td scope="col">签约状态</td>
              <td scope="col">用户标签</td>
              <td scope="col">居民状态</td>

              <td scope="col">操作</td>
          </tr>
          <tr align="center">
              <td><input type="checkbox"></td>
              <td>2021340001</td>
              <td>王安然</td>
              <td>371456198908090543</td>
              <td>188641368888</td>

              <td style="color: #5cb85c">
                  <p class="btn-on" onclick="on_off()">
<!--                      &lt;!&ndash; 圆点 &ndash;&gt;-->
                     <span class="btn-on-circle"></span>
<!--                      &lt;!&ndash; 文字 &ndash;&gt;-->
                     <span class="btn-on-text"></span>
                  </p>


              </td>
              <td>
                  <div style="color: #FA746B;background-color: #FA746B19;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">高血压</div>
                  <div style="color: #6c76f4;background-color: #6c76f419;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">关心病</div>
                  <div style="color: #fddb78;background-color: #fddb7819;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">高血糖</div>

              </td>
              <td>启用中</td>

              <td>
                  <a href="../ju">查看详情</a>
                  <a href="">编辑</a>
                  <a href="">发消息</a>
                  <a href="">添加服务</a>
                  <a href="" style="color: red">删除</a>
              </td>
          </tr>
          <tr align="center">
              <td><input type="checkbox"></td>
              <td>2021340001</td>
              <td>王安然</td>
              <td>371456198908090543</td>
              <td>188641368888</td>

              <td style="color: #5cb85c">
                  <p class="btn-on" onclick="on_off1()">
                      <!--                      &lt;!&ndash; 圆点 &ndash;&gt;-->
                      <span class="btn-on-circle"></span>
                      <!--                      &lt;!&ndash; 文字 &ndash;&gt;-->
                      <span class="btn-on-text"></span>
                  </p>


              </td>
              <td>
                  <div style="color: #FA746B;background-color: #FA746B19;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">高血压</div>
                  <div style="color: #6c76f4;background-color: #6c76f419;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">关心病</div>
                  <div style="color: #fddb78;background-color: #fddb7819;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">高血糖</div>

              </td>
              <td>启用中</td>

              <td>
                  <a href="../ju">查看详情</a>
                  <a href="">编辑</a>
                  <a href="">发消息</a>
                  <a href="">添加服务</a>
                  <a href="" style="color: red">删除</a>
              </td>
          </tr>
          <tr align="center">
              <td><input type="checkbox"></td>
              <td>2021340001</td>
              <td>王安然</td>
              <td>371456198908090543</td>
              <td>188641368888</td>

              <td style="color: #5cb85c">
                  <p class="btn-on" onclick="on_off()">
                      <!--                      &lt;!&ndash; 圆点 &ndash;&gt;-->
                      <span class="btn-on-circle"></span>
                      <!--                      &lt;!&ndash; 文字 &ndash;&gt;-->
                      <span class="btn-on-text"></span>
                  </p>


              </td>
              <td>
                  <div style="color: #FA746B;background-color: #FA746B19;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">高血压</div>
                  <div style="color: #6c76f4;background-color: #6c76f419;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">关心病</div>
                  <div style="color: #fddb78;background-color: #fddb7819;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">高血糖</div>

              </td>
              <td>启用中</td>

              <td>
                  <a href="../ju">查看详情</a>
                  <a href="">编辑</a>
                  <a href="">发消息</a>
                  <a href="">添加服务</a>
                  <a href="" style="color: red">删除</a>
              </td>
          </tr>
          <tr align="center">
              <td><input type="checkbox"></td>
              <td>2021340001</td>
              <td>王安然</td>
              <td>371456198908090543</td>
              <td>188641368888</td>

              <td style="color: #5cb85c">
                  <p class="btn-on" onclick="on_off()">
                      <!--                      &lt;!&ndash; 圆点 &ndash;&gt;-->
                      <span class="btn-on-circle"></span>
                      <!--                      &lt;!&ndash; 文字 &ndash;&gt;-->
                      <span class="btn-on-text"></span>
                  </p>


              </td>
              <td>
                  <div style="color: #FA746B;background-color: #FA746B19;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">高血压</div>
                  <div style="color: #6c76f4;background-color: #6c76f419;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">关心病</div>
                  <div style="color: #fddb78;background-color: #fddb7819;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">高血糖</div>
              </td>
              <td>启用中</td>

              <td>
                  <a href="../ju">查看详情</a>
                  <a href="">编辑</a>
                  <a href="">发消息</a>
                  <a href="">添加服务</a>
                  <a href="" style="color: red">删除</a>
              </td>
          </tr>
          <tr align="center">
              <td><input type="checkbox"></td>
              <td>2021340001</td>
              <td>王安然</td>
              <td>371456198908090543</td>
              <td>188641368888</td>

              <td style="color: #5cb85c">
                  <p class="btn-on" onclick="on_off()">
                      <!--                      &lt;!&ndash; 圆点 &ndash;&gt;-->
                      <span class="btn-on-circle"></span>
                      <!--                      &lt;!&ndash; 文字 &ndash;&gt;-->
                      <span class="btn-on-text"></span>
                  </p>


              </td>
              <td>
                  <div style="color: #FA746B;background-color: #FA746B19;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">高血压</div>
                  <div style="color: #6c76f4;background-color: #6c76f419;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">关心病</div>
                  <div style="color: #fddb78;background-color: #fddb7819;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">高血糖</div>

              </td>
              <td>启用中</td>

              <td>
                  <a href="../ju">查看详情</a>
                  <a href="">编辑</a>
                  <a href="">发消息</a>
                  <a href="">添加服务</a>
                  <a href="" style="color: red">删除</a>
              </td>
          </tr>
          <tr align="center">
              <td><input type="checkbox"></td>
              <td>2021340001</td>
              <td>王安然</td>
              <td>371456198908090543</td>
              <td>188641368888</td>

              <td style="color: #5cb85c">
                  <p class="btn-on" onclick="on_off()">
                      <!--                      &lt;!&ndash; 圆点 &ndash;&gt;-->
                      <span class="btn-on-circle"></span>
                      <!--                      &lt;!&ndash; 文字 &ndash;&gt;-->
                      <span class="btn-on-text"></span>
                  </p>


              </td>
              <td>
                  <div style="color: #FA746B;background-color: #FA746B19;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">高血压</div>
                  <div style="color: #6c76f4;background-color: #6c76f419;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">关心病</div>
                  <div style="color: #fddb78;background-color: #fddb7819;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">高血糖</div>
              </td>
              <td>启用中</td>

              <td>
                  <a href="../ju">查看详情</a>
                  <a href="">编辑</a>
                  <a href="">发消息</a>
                  <a href="">添加服务</a>
                  <a href="" style="color: red">删除</a>
              </td>
          </tr>
          <tr align="center">
              <td><input type="checkbox"></td>
              <td>2021340001</td>
              <td>王安然</td>
              <td>371456198908090543</td>
              <td>188641368888</td>

              <td style="color: #5cb85c">
                  <p class="btn-on" onclick="on_off()">
                      <!--                      &lt;!&ndash; 圆点 &ndash;&gt;-->
                      <span class="btn-on-circle"></span>
                      <!--                      &lt;!&ndash; 文字 &ndash;&gt;-->
                      <span class="btn-on-text"></span>
                  </p>
              </td>
              <td>
                  <div style="color: #FA746B;background-color: #FA746B19;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">高血压</div>
                  <div style="color: #6c76f4;background-color: #6c76f419;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">关心病</div>
                  <div style="color: #fddb78;background-color: #fddb7819;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">高血糖</div>
              </td>
              <td>启用中</td>

              <td>
                  <a href="../ju">查看详情</a>
                  <a href="">编辑</a>
                  <a href="">发消息</a>
                  <a href="">添加服务</a>
                  <a href="" style="color: red">删除</a>
              </td>
          </tr>
          <tr align="center">
              <td><input type="checkbox"></td>
              <td>2021340001</td>
              <td>王安然</td>
              <td>371456198908090543</td>
              <td>188641368888</td>

              <td style="color: #5cb85c">
                  <p class="btn-on" onclick="on_off()">
                      <!--                      &lt;!&ndash; 圆点 &ndash;&gt;-->
                      <span class="btn-on-circle"></span>
                      <!--                      &lt;!&ndash; 文字 &ndash;&gt;-->
                      <span class="btn-on-text"></span>
                  </p>


              </td>
              <td>
                  <div style="color: #FA746B;background-color: #FA746B19;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">高血压</div>
                  <div style="color: #6c76f4;background-color: #6c76f419;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">关心病</div>
                  <div style="color: #fddb78;background-color: #fddb7819;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">高血糖</div>

              </td>
              <td>启用中</td>

              <td>
                  <a href="../ju">查看详情</a>
                  <a href="">编辑</a>
                  <a href="">发消息</a>
                  <a href="">添加服务</a>
                  <a href="" style="color: red">删除</a>
              </td>
          </tr>
          <tr align="center">
              <td><input type="checkbox"></td>
              <td>2021340001</td>
              <td>王安然</td>
              <td>371456198908090543</td>
              <td>188641368888</td>

              <td style="color: #5cb85c">
                  <p class="btn-on" onclick="on_off()">
                      <!--                      &lt;!&ndash; 圆点 &ndash;&gt;-->
                      <span class="btn-on-circle"></span>
                      <!--                      &lt;!&ndash; 文字 &ndash;&gt;-->
                      <span class="btn-on-text"></span>
                  </p>


              </td>
              <td>
                  <div style="color: #FA746B;background-color: #FA746B19;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">高血压</div>
                  <div style="color: #6c76f4;background-color: #6c76f419;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">关心病</div>
                  <div style="color: #fddb78;background-color: #fddb7819;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">高血糖</div>

              </td>
              <td>启用中</td>

              <td>
                  <a href="../ju">查看详情</a>
                  <a href="">编辑</a>
                  <a href="">发消息</a>
                  <a href="">添加服务</a>
                  <a href="" style="color: red">删除</a>
              </td>
          </tr>
          <tr align="center">
              <td><input type="checkbox"></td>
              <td>2021340001</td>
              <td>王安然</td>
              <td>371456198908090543</td>
              <td>188641368888</td>

              <td style="color: #5cb85c">
                  <p class="btn-on" onclick="on_off()">
                      <!--                      &lt;!&ndash; 圆点 &ndash;&gt;-->
                      <span class="btn-on-circle"></span>
                      <!--                      &lt;!&ndash; 文字 &ndash;&gt;-->
                      <span class="btn-on-text"></span>
                  </p>


              </td>
              <td>
                  <div style="color: #FA746B;background-color: #FA746B19;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">高血压</div>
                  <div style="color: #6c76f4;background-color: #6c76f419;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">关心病</div>
                  <div style="color: #fddb78;background-color: #fddb7819;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">高血糖</div>

              </td>
              <td>启用中</td>

              <td>
                  <a href="../ju">查看详情</a>
                  <a href="">编辑</a>
                  <a href="">发消息</a>
                  <a href="">添加服务</a>
                  <a href="" style="color: red">删除</a>
              </td>
          </tr>
          <tr align="center">
              <td><input type="checkbox"></td>
              <td>2021340001</td>
              <td>王安然</td>
              <td>371456198908090543</td>
              <td>188641368888</td>

              <td style="color: #5cb85c">
                  <p class="btn-on" onclick="on_off()">
                      <!--                      &lt;!&ndash; 圆点 &ndash;&gt;-->
                      <span class="btn-on-circle"></span>
                      <!--                      &lt;!&ndash; 文字 &ndash;&gt;-->
                      <span class="btn-on-text"></span>
                  </p>


              </td>
              <td>
                  <div style="color: #FA746B;background-color: #FA746B19;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">高血压</div>
                  <div style="color: #6c76f4;background-color: #6c76f419;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">关心病</div>
                  <div style="color: #fddb78;background-color: #fddb7819;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">高血糖</div>

              </td>
              <td>启用中</td>

              <td>
                  <a href="../ju">查看详情</a>
                  <a href="">编辑</a>
                  <a href="">发消息</a>
                  <a href="">添加服务</a>
                  <a href="" style="color: red">删除</a>
              </td>
          </tr>
          <tr align="center">
              <td><input type="checkbox"></td>
              <td>2021340001</td>
              <td>王安然</td>
              <td>371456198908090543</td>
              <td>188641368888</td>

              <td style="color: #5cb85c">
                  <p class="btn-on" onclick="on_off()">
                      <!--                      &lt;!&ndash; 圆点 &ndash;&gt;-->
                      <span class="btn-on-circle"></span>
                      <!--                      &lt;!&ndash; 文字 &ndash;&gt;-->
                      <span class="btn-on-text"></span>
                  </p>


              </td>
              <td>
                  <div style="color: #FA746B;background-color: #FA746B19;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">高血压</div>
                  <div style="color: #6c76f4;background-color: #6c76f419;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">关心病</div>
                  <div style="color: #fddb78;background-color: #fddb7819;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">高血糖</div>

              </td>
              <td>启用中</td>

              <td>
                  <a href="../ju">查看详情</a>
                  <a href="">编辑</a>
                  <a href="">发消息</a>
                  <a href="">添加服务</a>
                  <a href="" style="color: red">删除</a>
              </td>
          </tr>
          <tr align="center">
              <td><input type="checkbox"></td>
              <td>2021340001</td>
              <td>王安然</td>
              <td>371456198908090543</td>
              <td>188641368888</td>

              <td style="color: #5cb85c">
                  <p class="btn-on" onclick="on_off()">
                      <!--                      &lt;!&ndash; 圆点 &ndash;&gt;-->
                      <span class="btn-on-circle"></span>
                      <!--                      &lt;!&ndash; 文字 &ndash;&gt;-->
                      <span class="btn-on-text"></span>
                  </p>


              </td>
              <td>
                  <div style="color: #FA746B;background-color: #FA746B19;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">高血压</div>
                  <div style="color: #6c76f4;background-color: #6c76f419;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">关心病</div>
                  <div style="color: #fddb78;background-color: #fddb7819;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">高血糖</div>

              </td>
              <td>启用中</td>

              <td>
                  <a href="../ju">查看详情</a>
                  <a href="">编辑</a>
                  <a href="">发消息</a>
                  <a href="">添加服务</a>
                  <a href="" style="color: red">删除</a>
              </td>
          </tr>
          <tr align="center">
              <td><input type="checkbox"></td>
              <td>2021340001</td>
              <td>王安然</td>
              <td>371456198908090543</td>
              <td>188641368888</td>

              <td style="color: #5cb85c">
                  <p class="btn-on" onclick="on_off()">
                      <!--                      &lt;!&ndash; 圆点 &ndash;&gt;-->
                      <span class="btn-on-circle"></span>
                      <!--                      &lt;!&ndash; 文字 &ndash;&gt;-->
                      <span class="btn-on-text"></span>
                  </p>


              </td>
              <td>
                  <div style="color: #FA746B;background-color: #FA746B19;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">高血压</div>
                  <div style="color: #6c76f4;background-color: #6c76f419;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">关心病</div>
                  <div style="color: #fddb78;background-color: #fddb7819;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">高血糖</div>

              </td>
              <td>启用中</td>

              <td>
                  <a href="../ju">查看详情</a>
                  <a href="">编辑</a>
                  <a href="">发消息</a>
                  <a href="">添加服务</a>
                  <a href="" style="color: red">删除</a>
              </td>
          </tr>
          <tr align="center">
              <td><input type="checkbox"></td>
              <td>2021340001</td>
              <td>王安然</td>
              <td>371456198908090543</td>
              <td>188641368888</td>

              <td style="color: #5cb85c">
                  <p class="btn-on" onclick="on_off()">
                      <!--                      &lt;!&ndash; 圆点 &ndash;&gt;-->
                      <span class="btn-on-circle"></span>
                      <!--                      &lt;!&ndash; 文字 &ndash;&gt;-->
                      <span class="btn-on-text"></span>
                  </p>


              </td>
              <td>
                  <div style="color: #FA746B;background-color: #FA746B19;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">高血压</div>
                  <div style="color: #6c76f4;background-color: #6c76f419;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">关心病</div>
                  <div style="color: #fddb78;background-color: #fddb7819;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">高血糖</div>

              </td>
              <td>启用中</td>

              <td>
                  <a href="../ju">查看详情</a>
                  <a href="">编辑</a>
                  <a href="">发消息</a>
                  <a href="">添加服务</a>
                  <a href="" style="color: red">删除</a>
              </td>
          </tr>
          <tr align="center">
              <td><input type="checkbox"></td>
              <td>2021340001</td>
              <td>王安然</td>
              <td>371456198908090543</td>
              <td>188641368888</td>

              <td style="color: #5cb85c">
                  <p class="btn-on" onclick="on_off()">
                      <!--                      &lt;!&ndash; 圆点 &ndash;&gt;-->
                      <span class="btn-on-circle"></span>
                      <!--                      &lt;!&ndash; 文字 &ndash;&gt;-->
                      <span class="btn-on-text"></span>
                  </p>


              </td>
              <td>
                  <div style="color: #FA746B;background-color: #FA746B19;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">高血压</div>
                  <div style="color: #6c76f4;background-color: #6c76f419;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">关心病</div>
                  <div style="color: #fddb78;background-color: #fddb7819;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">高血糖</div>

              </td>
              <td>启用中</td>

              <td>
                  <a href="../ju">查看详情</a>
                  <a href="">编辑</a>
                  <a href="">发消息</a>
                  <a href="">添加服务</a>
                  <a href="" style="color: red">删除</a>
              </td>
          </tr>
          <tr align="center">
              <td><input type="checkbox"></td>
              <td>2021340001</td>
              <td>王安然</td>
              <td>371456198908090543</td>
              <td>188641368888</td>

              <td style="color: #5cb85c">
                  <p class="btn-on" onclick="on_off()">
                      <!--                      &lt;!&ndash; 圆点 &ndash;&gt;-->
                      <span class="btn-on-circle"></span>
                      <!--                      &lt;!&ndash; 文字 &ndash;&gt;-->
                      <span class="btn-on-text"></span>
                  </p>


              </td>
              <td>
                  <div style="color: #FA746B;background-color: #FA746B19;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">高血压</div>
                  <div style="color: #6c76f4;background-color: #6c76f419;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">关心病</div>
                  <div style="color: #fddb78;background-color: #fddb7819;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">高血糖</div>

              </td>
              <td>启用中</td>

              <td>
                  <a href="../ju">查看详情</a>
                  <a href="">编辑</a>
                  <a href="">发消息</a>
                  <a href="">添加服务</a>
                  <a href="" style="color: red">删除</a>
              </td>
          </tr>
          <tr align="center">
              <td><input type="checkbox"></td>
              <td>2021340001</td>
              <td>王安然</td>
              <td>371456198908090543</td>
              <td>188641368888</td>

              <td style="color: #5cb85c">
                  <p class="btn-on" onclick="on_off()">
                      <!--                      &lt;!&ndash; 圆点 &ndash;&gt;-->
                      <span class="btn-on-circle"></span>
                      <!--                      &lt;!&ndash; 文字 &ndash;&gt;-->
                      <span class="btn-on-text"></span>
                  </p>


              </td>
              <td>
                  <div style="color: #FA746B;background-color: #FA746B19;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">高血压</div>
                  <div style="color: #6c76f4;background-color: #6c76f419;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">关心病</div>
                  <div style="color: #fddb78;background-color: #fddb7819;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">高血糖</div>

              </td>
              <td>启用中</td>

              <td>
                  <a href="../ju">查看详情</a>
                  <a href="">编辑</a>
                  <a href="">发消息</a>
                  <a href="">添加服务</a>
                  <a href="" style="color: red">删除</a>
              </td>
          </tr>
          <tr align="center">
              <td><input type="checkbox"></td>
              <td>2021340001</td>
              <td>王安然</td>
              <td>371456198908090543</td>
              <td>188641368888</td>

              <td style="color: #5cb85c">
                  <p class="btn-on" onclick="on_off()">
                      <!--                      &lt;!&ndash; 圆点 &ndash;&gt;-->
                      <span class="btn-on-circle"></span>
                      <!--                      &lt;!&ndash; 文字 &ndash;&gt;-->
                      <span class="btn-on-text"></span>
                  </p>


              </td>
              <td>
                  <div style="color: #FA746B;background-color: #FA746B19;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">高血压</div>
                  <div style="color: #6c76f4;background-color: #6c76f419;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">关心病</div>
                  <div style="color: #fddb78;background-color: #fddb7819;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">高血糖</div>

              </td>
              <td>启用中</td>

              <td>
                  <a href="../ju">查看详情</a>
                  <a href="">编辑</a>
                  <a href="">发消息</a>
                  <a href="">添加服务</a>
                  <a href="" style="color: red">删除</a>
              </td>
          </tr>
          <tr align="center">
              <td><input type="checkbox"></td>
              <td>2021340001</td>
              <td>王安然</td>
              <td>371456198908090543</td>
              <td>188641368888</td>

              <td style="color: #5cb85c">
                  <p class="btn-on" onclick="on_off()">
                      <!--                      &lt;!&ndash; 圆点 &ndash;&gt;-->
                      <span class="btn-on-circle"></span>
                      <!--                      &lt;!&ndash; 文字 &ndash;&gt;-->
                      <span class="btn-on-text"></span>
                  </p>


              </td>
              <td>
                  <div style="color: #FA746B;background-color: #FA746B19;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">高血压</div>
                  <div style="color: #6c76f4;background-color: #6c76f419;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">关心病</div>
                  <div style="color: #fddb78;background-color: #fddb7819;border-radius: 15px;float:left; width: 52px; height: 26px;line-height: 27px">高血糖</div>

              </td>
              <td>启用中</td>

              <td>
                  <a href="../ju">查看详情</a>
                  <a href="">编辑</a>
                  <a href="">发消息</a>
                  <a href="">添加服务</a>
                  <a href="" style="color: red">删除</a>
              </td>
          </tr>
      </table>

      <div  class="page">
          共<span id="totalNumber" style="color: dodgerblue">200</span>条
          当前第<span id="currentPage" style="color: black">1</span>/<span id="totalPage"
               style="color: black">10</span>页

          <button id="Previous" class="btn btn-default"></button>

              <button id="1" class="btn btn-default">1</button>
              <button id="2" class="btn btn-default">2</button>
              <button id="3" class="btn btn-default">3</button>
              <button id="4" class="btn btn-default">4</button>
              <button id="5" class="btn btn-default">...</button>
              <button id="6" class="btn btn-default">10</button>
              <button id="Next" class="btn btn-default">></button>
              前往<input id="pageNumber" type="text" style="../width: 78px">页
              <button id="goPage" type="button" class="btn btn-primary">GO</button>

      </div>
  </div>
  <div class="col-lg-3"></div>




</body>
<script type="text/javascript">
    $(function(){
        inittable();//初始化表格数据
        UlTree();
    })
//禁用

    function on_off(type){
        let btn = document.getElementsByClassName("btn-on")[0];
        let circle = document.getElementsByClassName("btn-on-circle")[0];
        let text = document.getElementsByClassName("btn-on-text")[0];

        if(!type){
            btn.style= "background-color: #ccc;"
            circle.style="left: 40px;background-color: #888;box-shadow: 0 0 10px #888;";
            text.style="right: 30px;color: #888;";
            text.innerText="禁用";
        } else {
            btn.style= ""
            circle.style="";
            text.style="";
            text.innerText="启动";
        }
        btn.setAttribute("onclick", "on_off(" + !type + ")"); // 修改状态
    }
    on_off(false)// 关闭按钮

    //替换
    function dian() {


        let element = document.getElementById("ok");
        let elementById1 = document.getElementById("ti");

        elementById1.style.display = "none"
        element.style.display = "block"
    }
    function fan(){
        let element = document.getElementById("ok");
        let elementById1 = document.getElementById("ti");
            elementById1.style.display="block"
            element.style.display="none"




    }


    //初始化树
function UlTree(){
    $("#litree").treeview({
      data:getTwoTree(),//数据
      backColor:"sliver",
      onNodeSelected:function(event, node) {
        $.addtabs({iframeHeight: 550});
        //选项卡
        $.addtabs.add({
          id:node.id,
          title:node.text,
          url:node.href
        });
      }
    });

  }
  //定义树里的数据来源
  function getTwoTree(){
    var data = [
      {
        "id":1,
        "text":"南昌交警大队",
        "pid":0,
        "href":null,
        "nodes":[
          {
            "id":2,
            "text":"交警大队",
            "pid":1,
            "href":"../show.html",
            "nodes":null,
            "selectable":true
          },{
            "id":2,
            "text":"秩序中队",
            "pid":1,
            "href":"../url/RNGshow",
            "nodes":null,
            "selectable":true
          },{
            "id":2,
            "text":"事故处理中队",
            "pid":1,
            "href":"../url/RNGshow",
            "nodes":null,
            "selectable":true
          },
          {
            "id":2,
            "text":"车管科",
            "pid":1,
            "href":"../url/RNGshow",
            "nodes":null,
            "selectable":true
          },
          {
            "id":2,
            "text":"办公室",
            "pid":1,
            "href":"../url/RNGshow",
            "nodes":null,
            "selectable":true
          },
          {
            "id":2,
            "text":"莲花中队",
            "pid":1,
            "href":"../url/RNGshow",
            "nodes":null,
            "selectable":true
          },
          {
            "id":2,
            "text":"小蓝工业中队",
            "pid":1,
            "href":"../url/RNGshow",
            "nodes":null,
            "selectable":true
          },

        ],

        "selectable":false
      },
    ];
    return data;
  }

    //条查
    function userSearch(){
        $('#myTable').bootstrapTable("refresh");
    }

    //查询
    function inittable(){
        $("#myTable").bootstrapTable({
            // url:"../user/findpage",
            columns:[
                {field:'stuId',title:'id'},
                {field:'545',title:'学生姓名'},
                {field:'sex',title:'性别',formatter:function(value,row){
                        if(value==1){
                            return "男";
                        }else{
                            return "女";
                        }
                    }},
                {field:'birthday',title:'出生日期'},
                {field:'age',title:'年龄'},
                {field:'createdatetime',title:'入学日期'},
                {field:'address',title:'家庭住址'},
                {field:'xssfzh',title:'学生身份证'},
                {field:'zsls',title:'招生老师'},
                {field:'xssfzh',title:'咨询老师'},
                {field:'parentName',title:'家长姓名'},
                {field:'jzsfzh',title:'家长身份证号'},
                {field:'parentPhone',title:'家长联系方式'},
                {field:'stuPhone',title:'学生电话'},
                {field:'email',title:'邮箱'},
                {field:'specialty',title:'专业方向'},
                {field:'totalXueFei',title:'总学费'},
                {field:'totalZhuSu',title:'住宿费'},
                {field:'totalZaFei',title:'杂费'},
                {field:'sushehao',title:'宿舍号'},
                {field:'totalZaFei',title:'校区'},
                {field:'ruZhuDate',title:'入住时间'},
                {field:'xueli',title:'学历'},
                {field:'stuStatus',title:'费用状态',formatter:function(value,row){
                        if(value==1){
                            return "已结清";
                        }else{
                            return "未结清";
                        }
                    }},
            ],
            pagination: true,
            sidePagination: "client",
            pageNumber: 1,
            pageSize:2,
            pageList: [2, 4,6,8,10],
            toolbar:"#toolbar",
            queryParams:function(){
                return {
                    page: this.pageNumber,
                    rows: this.pageSize,
                    stuName:$("#stuName").val(),
                    stuPhone:$("#stuPhone").val(),
                    startView:$("#startView").val(),
                    endView:$("#endView").val()
                };
            },
        })

    }
    //新增
    function sub(){
        var formData = $("#myForm").serialize();
        console.log(formData);
        $.ajax({
            url:"../boot/addResource",
            type:"post",
            data:formData,
            success:function(){
                $("#myModal").modal('hide');
            }
        })
    }

</script>
</html>
